 $(function () {


  init();
  function init() {
    // 初始化区域滚动
    mui('.mui-scroll-wrapper').scroll({
      deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
    });

    queryTopCategory(function(result){
      // 获取一级分类的id
      var id=result.rows[0].id;
      querySecondCategory(id);
    });


    // 给li标签绑定tap
    $(".left_menu_ul").on("tap","li",function () {
      // 获取一级分类的id
      var id=$(this).data("id");
      // console.log(id);

      // 根据被点击的一级菜单查询二级品牌
      querySecondCategory(id);
    })
  }
   

  // 查询一级菜单
  function queryTopCategory(callback) {
    $.get("/category/queryTopCategory",function (result) {

      // console.log(result);
      // console.table(result.rows);
      
      // 获取分类数据
      var rows=result.rows;

      // 数组的map方法
      // map every filter foreach
      // map的返回值就是在func里面的return的总和
      // var ret=rows.map(function(v,i){
      //   // console.log(v,i);
      //   // return "=="+i+"==";

      //   return '<li><a href="#">'+v.categoryName+'</a></li>';
      // });
      // // console.log(ret);
      // var html=ret.join('');
      // console.log(html);

      var htmlArr=[];
      for (var i = 0; i < rows.length; i++) {
        htmlArr.push('<li data-id='+rows[i].id+'><a  href="#">'+rows[i].categoryName+'</a></li>');
      }

      // 获取要渲染的html代码
      var htmlStr=htmlArr.join('');
      $(".left_menu_ul").html(htmlStr);


      callback&&callback(result);
    })
  }


  // 查询二级品牌
  function querySecondCategory(id) {
    $.get("/category/querySecondCategory?id="+id,function (result) {
      // console.log(result);
      // <a href="javascript:;"> <img src="" alt=""> <p></p> </a>

      var rows=result.rows;
      var htmlArr=[];
      for (var i = 0; i < rows.length; i++) {
        htmlArr.push('<a href="javascript:;"> <img src="'+rows[i].brandLogo+'" alt=""> <p>'+rows[i].brandName+'</p> </a>');
      }

      // 获取要渲染的html代码
      var htmlStr=htmlArr.join('');
      $(".lt_item").html(htmlStr);

    })
    
  }
 })